<!DOCTYPE html>
<html>
<head>
<!-- Ensures that U+3044, U+308D, U+306F, and U+306B are all supported in the current font. -->
<link rel=mismatch href=ol_japanese_iroha_ref.html>
<style>
@font-face {
    font-family: TakaoPGothic;
    src: url(fonts/takao-p-gothic/TakaoPGothic.ttf);
}
body {
    font-family: TakaoPGothic;
}
ol {
    list-style-position: inside;
    list-style-type: none;
}
</style>
</head>
<body>
<ol>
    <li>&#x3044;. Gryffindor</li>
    <li>&#x3044;. Hufflepuff</li>
    <li>&#x3044;. Ravenclaw</li>
    <li>&#x3044;. Slytherin</li>
</ol>
</body>
</html>


